<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/zsfkaoshi.css"/>
	</head>
	<body>
		<div>
			<!--头部-->
			<div id="top">
				<div id="top-one">
					<span><h2>ftt_Be<span id="top-color">成功</span></h2></span>
				</div>
				<div id="top-two">
					<a href="">&nbsp;关于&nbsp;</a><a href="">&nbsp;网站地图&nbsp;</a><a href="">&nbsp;联系&nbsp;</a>
				</div>
				<!--坍塌-->
				<div class="clear"></div>
			</div>
			<!--导航-->
			<div id="middle">
				<div id="middle-one">
					<span id="span-one">家</span>
					<span id="span-two">博客</span>
					<span id="span-three">图片</span>
					<span id="span-four">链接</span>
					<span id="span-five">联系</span>
				</div>
				<!--图片-->
				<div id="middle-two">
					<img src="images/01.jpg" />
				</div>
				<!--解决方案-->
				<div id="middle-three">
					<div id="middle-left">
						<h2>解决方案</h2>
						<p>Lorem Ipsum是简单的印刷和排版</p>
						<p>行业的虚拟文本。Lorem存有自从得</p>
						<p>到了业界的标准假人文本.</p>
						<button style="background-color: red;">详细信息</button>
					</div>
					<div id="middle-zhong">
						<h2>智能</h2>
						<p>Lorem Ipsum是简单的印刷和排版</p>
						<p>行业的虚拟文本。Lorem存有自从得</p>
						<p>到了业界的标准假人文本.</p>
						<button style="background-color: red;">详细信息</button>
					</div>
					<div id="middle-right">
						<h2>成功</h2>
						<p>Lorem Ipsum是简单的印刷和排版</p>
						<p>行业的虚拟文本。Lorem存有自从得</p>
						<p>到了业界的标准假人文本.</p>
						<button style="background-color: red;">详细信息</button>
					</div>
					<!--坍塌-->
					<div class="clear"></div>
				</div>
			</div>
			<!--解决方案，你需要的-->
			<div id="foot">
				<div id="foot-left">
					<h2 style="color:red;margin-left: 50px;">解决方案，你需要的</h2>
					<div id="footer-one">
						<div id="first" style="float: left;">
							<img src="images/2.jpg"/>
						</div>
						<div id="swite" style="float: left;">
							<p>Lorem Ipsum是简单的印刷和排版行业的虚拟文本。自从10世纪，</p>
							<p>当一个未知的打印机了-一个厨房的类型和炒它使一个类型的样本</p>
							<p>书，Lorem存有已得到了业界的标准假人文本。它活了下来，不仅</p>
							<p>五个世纪，但也跃入电子排版，基本上保持不变。这是在20世纪60</p>
							<p>年代推广释放Letraset张含Lorem存有通道，以及最近与桌面出版</p>
							<p>软件，如Aldus PageMaker中包括版本的LOREM Ipsum.Lorem</p>
							<p>存有简单的虚拟文本的印刷和排版行业。Lorem存有一直是业界标</p>
							<p>准的虚拟文本，自从10世纪，当一一个未知的打印机了一一个厨房的类</p>
						</div>
						<!--坍塌-->
					    <div class="clear"></div>
					</div>
					<div id="footer-two">
						<p>型和炒它使一个类型的样本书。Lorem Ipsum是简单的印刷和排版行业的虚拟文本。自从10世</p>
						<p>纪，当一个未知的打印机了一个厨房的类型和炒它使一一个类型的样本书，Lorem存有己得到了业</p>
						<p>界的标准假人文本。它活了下来，不仅五个世纪，但也跃入电子排版，基本上保持不变。这是在</p>
						<p>20世纪60年代推广释放Letraset张含Lorem存有通道，以及最近与桌面出版软件，如Aldus</p>
						<p>PageMaker中包括版本的LOREM Ipsum.Lorem存有简单的虚拟文本的印刷和排版行业。自从</p>
						<p>10世纪，当一个未知的打印机了一个厨房的类型和炒它使一个类型的样本书，Lorem存有已得到</p>
						<p>了业界的标准假人文本。</p>
					</div>
				</div>
				<div id="foot-right">
					<ul>
						<li style="color:red;font-size:30px">链接</li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
						<li><a href="">打印的文本</a></li>
					</ul>
				</div>
				<!--坍塌-->
				<div class="clear"></div>
			</div>
			<!--底部-->
			<div id="dibu">
				<hr/>
				<div style="text-align: center;">
					<span>版权所有0你的公司名称。保留所有权利。手机<a href="">免费模板</a>|查看验证：<a href="">XHTML</a>|<a href="">CSS</a>|最佳<a href="">模板之家</a>从www.cssmoban.com</span>
				</div>
			</div>
		</div>
	</body>
</html>
